$(function() {
	$("tbody").html("");
	var islogin = false;
	var u_id = 0;
	$.ajax({
		type: "post",
		dataType: "json",
		async: true,
		url: "./../server/isLogin.php"

	}).then(function(res) {
		//登录了
		if(res.status == 1) {
			u_id = res.data.u_id;
			console.log("登陆了")
			islogin = true;
			var str = `欢迎${res.data.u_name}<a id="iquit">退出</a>`
			$(".info").html(str)
			$(".info").css({
				"color": "#fff"
			});
			u_id = res.data.u_id;
			$.ajax({
				url: "./../server/carts.php",
				type: "post",
				data: {
					u_id: res.data.u_id
				}
			}).then(function(res) {
				if(res.status == "1") {

					for(var i = 0; i < res.data.length; i++) {
						$str = $(`<tr data-id="${res.data[i].p_id}">
							<td><input type="checkbox" name="" id="" /></td>
							<td class="p_name"><img class="P_img" src="${res.data[i].P_imgs}" alt="" />${res.data[i].p_name}</td>
							<td class="p_price">${res.data[i].p_price}</td>
							<td>
								<div class="sub">-</div>
								<input type="text" class="num" value="${res.data[i].p_num}" style="text-align: center;"/>
								<div class="add">+</div></td>
							<td class="p_total">${res.data[i].p_total}</td>
							<td><a class="del">删除</a></td>
						</tr>`);
						$("tbody").append($str)
					}

				}
				gongneng();
				$(".del").on("click", function() {
					var p_id = $(this).parents("tr").data().id;
					if($(this).parents("tr").find("[type=checkbox]").prop("checked")) {
						$(".zongjine span").text($(".zongjine span").text() - $(this).parents("tr").find(".p_total").text())
					}
					$(this).parents("tr").remove();
					$.ajax({
						url: "./../server/del.php",
						data: {
							u_id: u_id,
							p_id: p_id,
						},
						type: "post",
						dataType: "json"
					}).then(function(res) {
						console.log(res);
					})

				})
			})

		} else {
			//未登录
			console.log("未登录");
			$saveCookieStr = $.cookie("carts")
			$saveCookieArr = JSON.parse($saveCookieStr);
			for(var i = 0; i < $saveCookieArr.length; i++) {
				$str = $(`<tr data-index="${i}">
							<td><input type="checkbox" name="" id="" /></td>
							<td><img src="${$saveCookieArr[i].P_img}" alt="" />${$saveCookieArr[i].p_name}</td>
							<td>${$saveCookieArr[i].p_price}</td>
							<td>
								<div class="sub">-</div>
								<input type="text" class="num" value="${$saveCookieArr[i].p_num}" style="text-align: center;"/>
								<div class="add">+</div></td>
							<td class="p_total">${$saveCookieArr[i].p_price*$saveCookieArr[i].p_num}</td>
							<td><a class="del">删除</a></td>
						</tr>`);
				$("tbody").append($str)
			}

			gongneng();
			$(".del").on("click", function() {
				var index = $(this).parents("tr").data().index;
				console.log(index, $saveCookieArr);
				var newCookie = [];
				for(var i = 0; i < $saveCookieArr.length; i++) {
					if(i != index) {
						newCookie.push($saveCookieArr[i])
					}
				}
				$.cookie("carts", JSON.stringify(newCookie))

				console.log($(this).parents("tr").find("[type=checkbox]").prop("checked"));
				if($(this).parents("tr").find("[type=checkbox]").prop("checked") == true) {
					console.log(222);
					$(".zongjine span").text($(".zongjine span").text() - $(this).parents("tr").find(".p_total").text())
				}
				$(this).parents("tr").remove();
			})
		}
	})

	function gongneng() {
		$(".sub").on("click", function() {
			if($(this).next().val()>=1&&$(this).prev().val()<=9999999){
			$(".zongjine span").text("0")
			if($(this).next().val() <= 1) {
				$(this).next().val(1);
			} else {
				$(this).next().val($(this).next().val() - 1);
			}
			$(this).parents("tr").find("[type=checkbox]").prop("checked", true);
			$(this).parents("td").next().text($(this).next().val() * $(this).parents("td").prev().text());

			var num = 0;
			for(var i = 0; i < $("tbody [type=checkbox]").length; i++) {
				if($($("tbody [type=checkbox]")[i]).prop("checked") == true) {
					num = num + 1;
					$(".zongjine span").text($(".zongjine span").text() - 0 + ($($("tbody [type=checkbox]")[i]).parents("td").next().next().next().next().text() - 0))
				}
			}
			if(num == $("tbody [type=checkbox]").length) {
				$("thead [type=checkbox]").prop("checked", true)
			} else {
				$("thead [type=checkbox]").prop("checked", false)
				$("thead [type=checkbox]").prop("checked", false)
			}
			if(islogin == true) {
				var formdate = new FormData();
				formdate.append("u_id", u_id);
				formdate.append("p_id", $(this).parents("tr").data().id);
				formdate.append("p_name", $(this).parents("tr").find(".p_name").text());
				formdate.append("p_price", $(this).parents("tr").find(".p_price").text());
				formdate.append("p_num", $(this).parents("tr").find(".num").val());
				formdate.append("p_total", $(this).parents("tr").find(".p_total").text());
				formdate.append("P_img", $(this).parents("tr").find(".P_img").attr("src"));
				$.ajax({
					type: "post",
					url: "./../server/insertCart.php",
					data: formdate,
					dataType: "json",
					processData: false,
					contentType: false
				}).then(function(res) {
					console.log("更新成功")
				})
			} else {
				var saveCookie = JSON.parse($.cookie("carts"))
				saveCookie[$(this).parents("tr").data().index].p_num--;
				$.cookie("carts", JSON.stringify(saveCookie))
			}
			}
			else{
				$(".errorMsg").css("display", "block");
				$(".errorMsg").stop();
				$(".errorMsg").animate({
					"opacity": 1
				}, 1000, function() {
					$(".errorMsg").animate({
						"opacity": 0
					}, 1000, function() {
						$(".errorMsg").css("display", "none");
					})		
				})
			}
		});
		$(".add").on("click", function() {
			if($(this).prev().val()>=1&&$(this).prev().val()<=9999999){
			$(".zongjine span").text("0")
			$(this).prev().val($(this).prev().val() - 0 + 1);
			$(this).parents("tr").find("[type=checkbox]").prop("checked", true);
			$(this).parents("td").next().text($(this).prev().val() * $(this).parents("td").prev().text());

			var num = 0;
			for(var i = 0; i < $("tbody [type=checkbox]").length; i++) {
				if($($("tbody [type=checkbox]")[i]).prop("checked") == true) {
					num = num + 1;
					$(".zongjine span").text($(".zongjine span").text() - 0 + ($($("tbody [type=checkbox]")[i]).parents("td").next().next().next().next().text() - 0))
				}
			}
			if(num == $("tbody [type=checkbox]").length) {
				$("thead [type=checkbox]").prop("checked", true)
			} else {
				$("thead [type=checkbox]").prop("checked", false)
			}
			if(islogin == true) {
				var formdate = new FormData();
				formdate.append("u_id", u_id);
				formdate.append("p_id", $(this).parents("tr").data().id);
				formdate.append("p_name", $(this).parents("tr").find(".p_name").text());
				formdate.append("p_price", $(this).parents("tr").find(".p_price").text());
				formdate.append("p_num", $(this).parents("tr").find(".num").val());
				formdate.append("p_total", $(this).parents("tr").find(".p_total").text());
				formdate.append("P_img", $(this).parents("tr").find(".P_img").attr("src"));
				$.ajax({
					type: "post",
					url: "./../server/insertCart.php",
					data: formdate,
					dataType: "json",
					processData: false,
					contentType: false
				}).then(function(res) {
					console.log(res);
					console.log("更新成功")
				})
			} else {
				var saveCookie = JSON.parse($.cookie("carts"))
				saveCookie[$(this).parents("tr").data().index].p_num++;
				$.cookie("carts", JSON.stringify(saveCookie))
			}
			}
			else{
				$(".errorMsg").css("display", "block");
				$(".errorMsg").stop();
				$(".errorMsg").animate({
					"opacity": 1
				}, 1000, function() {
					$(".errorMsg").animate({
						"opacity": 0
					}, 1000, function() {
						$(".errorMsg").css("display", "none");
					})		
				})
			}
		});
		$("body").on("click", "#iquit", function() {

			$.get("./../server/iQuit.php", function() {
				alert("退出成功");

				window.location.reload(true);
			})
		});
		$("tbody [type=checkbox]").on("click", function() {
			var num = 0;
			for(var i = 0; i < $("tbody [type=checkbox]").length; i++) {
				if($($("tbody [type=checkbox]")[i]).prop("checked") == true) {
					num = num + 1;
				}
			}
			if(num == $("tbody [type=checkbox]").length) {
				$("thead [type=checkbox]").prop("checked", true)
			} else {
				$("thead [type=checkbox]").prop("checked", false)
			}

			if($(this).prop("checked") == true) {
				$(".zongjine span").text($(".zongjine span").text() - 0 + ($(this).parents("td").next().next().next().next().text() - 0))
			} else {
				$(".zongjine span").text($(".zongjine span").text() - 0 - ($(this).parents("td").next().next().next().next().text() - 0))
			}
		});
		$("thead [type=checkbox]").on("click", function() {
			if($("thead [type=checkbox]").prop("checked") == true) {
				$(".zongjine span").text("0");
				for(var i = 0; i < $("tbody [type=checkbox]").length; i++) {
					$(".zongjine span").text($(".zongjine span").text() - 0 + ($($("tbody [type=checkbox]")[i]).parents("td").next().next().next().next().text() - 0))

				}
			} else {
				$(".zongjine span").text("0");
			}
			$("tbody [type=checkbox]").prop("checked", $(this).prop("checked"))
		});

		//购物车数量输入事件
		$("tr [type=text]").on("input", function() {
			if($(this).val()>0&&$(this).val()<=99999){
				$(this).parents("td").next().text($(this).val() * $(this).parents("td").prev().text());
				$(".zongjine span").text(0)
				for(var i = 0; i < $("tbody [type=checkbox]").length; i++) {
					if($($("tbody [type=checkbox]")[i]).prop("checked") == true) {
						$(".zongjine span").text($(".zongjine span").text() - 0 + ($($("tbody [type=checkbox]")[i]).parents("tr").find(".p_total").text() - 0))
					}
				}
				if(islogin == true) {
					var formdate = new FormData();
					formdate.append("u_id", u_id);
					formdate.append("p_id", $(this).parents("tr").data().id);
					formdate.append("p_name", $(this).parents("tr").find(".p_name").text());
					formdate.append("p_price", $(this).parents("tr").find(".p_price").text());
					formdate.append("p_num", $(this).parents("tr").find(".num").val());
					formdate.append("p_total", $(this).parents("tr").find(".p_total").text());
					formdate.append("P_img", $(this).parents("tr").find(".P_img").attr("src"));
					$.ajax({
						type: "post",
						url: "./../server/insertCart.php",
						data: formdate,
						dataType: "json",
						processData: false,
						contentType: false
					}).then(function(res) {
						console.log(res);
						console.log("更新成功")
					})
				} else {
					var arrCookie = JSON.parse($.cookie("carts") || '[]');
					arrCookie[$(this).parents("tr").data().index].p_num = $(this).val();
					$.cookie("carts", JSON.stringify(arrCookie))
				}
			}
			else{
				$(this).parents("td").next().text(0)
				$(".zongjine span").text(0)
				$(".errorMsg").css("display", "block");
				$(".errorMsg").stop();
				$(".errorMsg").animate({
					"opacity": 0.8
				}, 800, function() {
					$(".errorMsg").animate({
						"opacity": 0
					}, 800, function() {
						$(".errorMsg").css("display", "none");
					})		
				})
			}
			
			
		})

	}
})